<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title><g:layoutTitle default="Grails" /></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon"
	href="${resource(dir: 'images', file: 'favicon.ico')}"
	type="image/x-icon">
<link rel="apple-touch-icon"
	href="${resource(dir: 'images', file: 'apple-touch-icon.png')}">
<link rel="apple-touch-icon" sizes="114x114"
	href="${resource(dir: 'images', file: 'apple-touch-icon-retina.png')}">
<link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}"
	type="text/css">
<link rel="stylesheet"
	href="${resource(dir: 'css', file: 'mobile.css')}" type="text/css">
<g:layoutHead />
<r:layoutResources />
</head>
<body>
	<div id="grailsLogo" role="banner">
		<a href="/AuctionHaus/"><img
			src="${resource(dir: 'images', file: 'auction_haus_logo.png')}"
			alt="AuctionHaus" /></a>
	</div>
	<div style="background-color: #ABBF78;">
		<div style="width: 95%" align="right">
			<!-- L-1: A consistent header and footer will be displayed on every screen -->
			<!-- L-2: If user is not logged in, show a "Login" link on every screen -->
			<!-- L-3: If user is not logged in, show a "Register" link on every screen -->
			<sec:ifNotLoggedIn>
				<g:message code="customer.welcome.label" />
				<g:link controller="login" action="index">
					<g:message code="customer.login.label" args="[customerName]" />
				</g:link>
				<g:message code="customer.or.label" />
				<g:link controller="customer" class="create" action="create">
					<g:message code="customer.register.label" args="[customerName]" />
				</g:link>
			</sec:ifNotLoggedIn>

			<!-- L-4: If user is logged in, show a "Logout" link on every screen -->
			<sec:ifLoggedIn>
				<g:link controller="logout" action="index">
					<g:message code="customer.logout.label" args="[customerName]" />
					<br />
				</g:link>
			</sec:ifLoggedIn>
		</div>
		<br />
		<div style="width: 95%" align="right">
			<!-- L-5: If user is logged in, show the logged in username on every screen -->
			<!-- L-6: If user is logged in, provide a link to the "My Listings" page -->
			<sec:ifLoggedIn>
				<g:message code="customer.welcome.label" />
				<g:link controller="customer" action="show"
					id="${sec.loggedInUserInfo(field:'id')}">
					<sec:loggedInUserInfo field="username" />
				</g:link>&nbsp;&nbsp;
				<g:link align="right" controller="listing" action="list"
					id="${sec.loggedInUserInfo(field:'id')}">
					<g:message code="customer.listings.label" />
				</g:link>
			</sec:ifLoggedIn>
		</div>
	</div>

	<g:layoutBody />
	<!-- L-1: A consistent header and footer will be displayed on every screen -->
	<div class="footer" role="contentinfo"></div>
	<div id="spinner" class="spinner" style="display: none;">
		<g:message code="spinner.alt" default="Loading&hellip;" />
	</div>
	<g:javascript library="application" />

	<div style="background-color: #ABBF78;" align="center">
		<g:message code="main.footer.message" />
	</div>
	<r:layoutResources />
</body>
</html>